<template>
  <div class="min-h-screen p-2">
    <div class="flex gap-2 justify-between items-center">
      <el-space>
        <el-input placeholder="企业名称/信用代码" :suffix-icon="Search" />
        <el-button type="primary" @click="batchQueryModalVisible = true">批量查询</el-button>
      </el-space>

      <el-space>
        <el-button type="primary" @click="governmentExamineSettingModalVisible = true"
          >设置政府审核页</el-button
        >
        <el-button type="primary" @click="companyApplySettingModalVisible = true"
          >设置企业申请页</el-button
        >
        <el-button type="primary" @click="evaluationSystemEditModalVisible = true"
          >添加评估项</el-button
        >
      </el-space>
    </div>

    <div class="mt-2">
      <evaluation-system-list />
    </div>
  </div>

  <batch-query-modal v-model="batchQueryModalVisible" />
  <company-apply-setting-modal v-model="companyApplySettingModalVisible" />
  <government-examine-setting-modal v-model="governmentExamineSettingModalVisible" />
  <evaluation-system-edit-modal v-model="evaluationSystemEditModalVisible" />
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { Search } from '@element-plus/icons-vue'
import {
  EvaluationSystemList,
  BatchQueryModal,
  CompanyApplySettingModal,
  GovernmentExamineSettingModal,
  EvaluationSystemEditModal
} from './components'

const batchQueryModalVisible = ref(false)
const companyApplySettingModalVisible = ref(false)
const governmentExamineSettingModalVisible = ref(false)
const evaluationSystemEditModalVisible = ref(false)
</script>
